
$(function () {
    function GetQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }

    // console.log(categoryid);

    var idn = GetQueryString('categoryid');//获取地址栏里面传进去的ID  函数封装

    // console.log(idn);
//    声明总页数
    var pages;

//    自变量  起始页数为1
    var page = 1;
    // 调用内容  页数   id
    content(page, idn);
    $.ajax({
        url:'http://192.168.23.81:3000/api/getcategorybyid',
        dataType: 'json',
        data: {categoryid:idn},
        success: function (data) {
            // 使用data将模板template4转化成html字符串
            var html = template('template5', data);
            // 将当前点击的p标签对应的ul的内容设置为html
            $("#product1").html(html);
        }
    });
// 获取尾数组 绑定点击事件   每点击一次上一页 页数减一
    $('.previous').click(function () {
        if(page>1){
            page--;
            content(page, idn);
        }
    });
// 获取尾数组 绑定点击事件   每点击一次下一页 页数加一
    $('.next').click(function () {
        if(page<pages) {
            page++;
            content(page, idn);
        }
    });
    //当下拉选框选中的内容改变时  触发事件
    $('.pager select').change(function(){
        page = +this.value;
        content(page, idn);
        console.log(this.value);
    });

    function content(page, categoryid) {
        $.ajax({
            //数据地址
            url: 'http://192.168.23.81:3000/api/getproductlist',
            // 请求时传递的参数
            data: {categoryid: categoryid, pageid: page},
            //数据类型是json
            dataType: 'json',
            // 数据获取成功后的回调函数
            success: function (data) {
                pages = Math.ceil(data.totalCount / data.pagesize);
                console.log(pages);
                //应用data数据将template6里面的模板转化为html字符串
                var html = template('template6', data);
                // 将转化好的内容以html格式追加到id为product_container1的标签里里面
                $('#product_container1').html(html);
                var options = "";
                for (var i = 1; i <= pages; i++) {
                    console.log(page === i);
                    if (page === i) {
                        options += '<option selected="selected" value="' + i + '">' + i + '/' + pages + '</option>'
                    } else {
                        options += '<option value="' + i + '">' + i + '/' + pages + '</option>'
                    }
                }
                    $('.pager select').html(options)
            }
        })
    }
});


